<template>
    <div class="body">
    <img
      src="../../assets/img/fen/null.png"
      class="null"
      alt=""
    >
    <div class="text">活动未开始~</div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: '',
  // 局部注册的组件
  components: {},
  // 组件参数 接收来自父组件的数据
  props: {},
  // 组件状态值
  data () {
    return {

    }
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 生命周期钩子   注：没用到的钩子请自行删除
  /**
  * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
  */
  created () { },
  /**
  * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
  * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
  */
  mounted () {
    this.Tast()
  },
  // 组件方法
  methods: {
    Tast () {
      this.$toast('尽请期待!')
    },
  }
}
</script>

<style scoped lang="less">
.body {
  overflow: hidden;
  min-width: 320px;
  max-width: 750px;
  width: 10rem;
  height: 17.333333rem;
  background: #be434b;
  margin: 0 auto;
  line-height: 1.5;
  font-family: Arial, Helvetica;
  .null {
    display: block;
    margin: 5.333333rem auto 0.266667rem;
    width: 4.64rem;
    height: 4.266667rem;
  }
  .text {
    width: 4rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.373333rem;
    color: #ffffff;
  }
}
</style>
